<!-- header -->
<jsp:include page="header.jsp">
	<jsp:param name="title" value="Browse Stories"/>
</jsp:include>
<!-- / header -->
<script type="text/javascript" src="js/updates.js"></script>
<script type="text/javascript" src="js/search.js"></script>
<script type="text/javascript" src="js/tags.js"></script>
<!-- content -->
	<div class="body7">
		<div class="main">
			<section id="content">
				<div class="wrapper">
					<article>
						<div class="pad1">
							<h2>Browse Stories</h2>
						</div>
					</article>
				</div>
				<div class="wrapper">
					<article class="col1">
						<div class="pad1">
							<select name="sortMethod" id="sortBrowse" onchange="updateSortValue(this.options[this.selectedIndex].value);">
								<option selected="selected" value="updated">Recently Updated</option>
								<option value="viewed">Most Viewed</option>
								<option value="voted">Highest Voted</option>
								<option value="created">Recently Created</option>
								<option value="commented">Recently Commented</option>
							</select>
						</div><br>
						
						<div class="box1"><div class="box1_bot"><div class="box1_top">
							<div class="pad">															
								<h2>Filter By Tags</h2>
								<a href="javascript:uncheckTags()">[ Clear Selection ]</a>

								<br>
								<div class="filter_scroll" id="tagsCheckboxes"></div>
							</div>
						</div></div></div>
					</article>
					<article class="col2">						
						<div class="pad_left1">
						<input type="hidden" id="storyidlist" value=""></input>
							<table class="story_list">
								<thead>
									<tr>
										<th class="story_col1 left_col">Story Title</th>										
										<th class="story_col2 left_col">Creator</th>
										<th class="story_col3">Posts</th>
										<th class="story_col4 left_col">Last Post</th>
									</tr>
								</thead>
								<tbody id="storybody">
								</tbody>
							</table>
						</div>
					</article>
				</div>
			</section>
		</div>
	</div>
	<!-- / content -->
<script> window.onload=function () {
	storySortInit();
	loadVerticalTagContainer();
};</script>
<!-- footer -->
<jsp:include page="footer.jsp"/>
<!-- / footer -->